<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="/online-class/css/public.css" />
    <link rel="stylesheet" href="/online-class/css/index.css" />
    <link rel="stylesheet" href="/online-class/css/page2-marchantlist.css" />
    <link rel="stylesheet" href="/online-class/css/page3-marchantinfo.css" />
    <link rel="stylesheet" href="/online-class/css/page4-sureorder.css" />
    <link rel="stylesheet" href="/online-class/css/page5.onlinepay.css" />
    <link rel="stylesheet" href="/online-class/css/page6-login.css" />
    <title>用户登录</title>
</head>

<body>
    <div class="hole-div">
        <!-- 顶部10vw -->
        <div class="top">用户登陆</div>
        <!-- 输入框 -->
        <div class="mid">
            <div class="dinput">
                <p class="text">手机号码:</p>
                <input type="text" name="" id="" class="in" placeholder="手机号码" />
            </div>
            <div class="dinput">
                <p class="text">密码:</p>
                <input type="password" name="" id="" class="in" placeholder="密码" />
            </div>
        </div>
        <!-- 确认支付 -->
        <div class="sure">登陆</div>
        <div class="sure zc">去注册</div>
        <!-- 底部导航栏15vw -->
        <ul class="bnav">
            <li>
                <img src="/resoures/images/首页.png" alt="" />
                <p>首页</p>
            </li>
            <li>
                <img src="/resoures/images/浏览.png" alt="" />
                <p>发现</p>
            </li>
            <li>
                <img src="/resoures/images/订单.png" alt="" />
                <p>订单</p>
            </li>
            <li>
                <img src="/resoures/images/我的.png" alt="" />
                <p>我的</p>
            </li>
        </ul>
    </div>
</body>

</html>